body {
  background-color: White;
  color: Black;
  margin: 0px;
  font-size: 100%; }
.head {visibility: hidden;}
.logo {visibility:hidden;}
a:link {
  color: #333333;
  font-family: "Times New Roman", Times, serif;
  font-size: 0.7em; 
  font-weight: bold;}
a:visited {
  color: #333333;
  font-family: "Times New Roman", Times, serif;
  font-size: 0.7em; 
  font-weight: bold;} 
a:active {
  color: #333333;
  font-family: "Times New Roman", Times, serif;
  font-size: 0.7em; 
  font-weight: bold;}
.readonly a:link, .readonly a:visited, .readonly a:hover, .readonly a:active {
  font-size: 100%;
  margin-left: 5px;}
ul.topnav {visibility:hidden;}
ul.sidenav{
visibility: hidden;}
 .mainmenu{
  display: block;
  font-family: "Times New Roman", Times, serif;
  font-size: 60%;
  color: #00000;  
  margin: 5px;}

.bottom {
  display:block;
  width: 100%;
  margin:0;
  padding:0;}

.content {
   display:block;
   position:absolute;
   top:0;
   left:0;
   width:100%;
   margin:0;
   padding:0;
   border: none;}  

h1 { /*titlebar */
  display: block;
  width:100%;
  font-family: "Times New Roman", Times, serif;
  font-size: 16px; 
  font-weight: bold; 
  text-align: left;
  color: #000000; 
  border: none;
  margin:.5em 0 .75em;
  padding:0;}
h2 { /*black header-directional copy in fieldsets*/
  color: #333333; 
  font-family: "Times New Roman", Times, serif;
  font-size: 14px; 
  font-weight: bold; 
  text-decoration: none;
  text-align: center;
  margin: 10px 0;}
h3 { /*verification and confirmation section  headers*/
  color: #333333; 
  font-family: "Times New Roman", Times, serif;
  font-size: 14px; 
  font-weight: bold; 
  text-align: center;
  margin: 10px 10% 0;
  border-top: 1px solid #999999;
  padding: 10px 0 3px;
  width: 80%;}  
h4 { /*blue header like on welcome screen*/
  color: #333333; 
  font-family: "Times New Roman", Times, serif;
  font-size: 0.7em; 
  font-weight: bold; 
  text-decoration: none; 
  margin: 0 0 5px 0;}   
h5 {/*terms and conditions header*/
  color: #333333; 
  font-family: "Times New Roman", Times, serif;
  font-weight: bold; 
  text-align: center;
  margin:2px 0;} 
hr {
  width:80%;
  height:1px;
  border-width:thin;
  text-align:center;
  color: #999999;}  
fieldset {
  font-family: "Times New Roman", Times, serif;
  margin: 10px;
  padding:0 0 3px 0;}
legend {
  font-family: "Times New Roman", Times, serif;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  color: #000000;
  margin-bottom: 10px;}

.copy{ 
  color: #333333;
  font-family: "Times New Roman", Times, serif;
  font-size: 80%;}
.error { /*error message at top of screen*/
  display: block;
  margin-top:5px;  
  color:#000000;
  font-family: "Times New Roman", Times, serif;
  font-size:70%;
  font-weight:bold;
  text-align: center;
  }
.terms .error {
  font-size:100%;}
.fielderror { /*error message by fields - new*/
  color:#000000;
  font-family: "Times New Roman", Times, serif;
  font-size:70%;
  font-weight:bold;
  margin:0 0 0 2px;
  padding:0;
  line-height: 1em;}
.durationerror { /*error message for recurring payments duration selection - new*/
  display:block;
  float:left;
  width: 40%; 
  text-align:right;
  color:#000000;
  font-family: "Times New Roman", Times, serif;
  font-size:70%;
  font-weight:bold;
  margin-top:3px;}  
.formline {/*for aligning and spacing each line of a form*/
  display:block;
  clear:both;
  height:1.25em;
  border:none;/*counters ns4 stylesheet*/
  margin: 0; /*counters ns4 stylesheet*/}
.requiredfield { /*required field labels*/
  display:block;
  float:left;
  width: 40%; 
  text-align:right;
  font-family: "Times New Roman", Times, serif;
  font-size: 12px;
  font-weight: bold;
  color: #333333;
  margin: 4px 0;}
.optionalfield { /*non-required field labels*/
  display:block;
  float:left;
  width: 40%;
  text-align:right;
  font-family: "Times New Roman", Times, serif;
  font-size: 12px;
  font-weight: normal;
  color: #333333;
  margin: 5px 0;}
.field { /*new*/
  display:block;
  float:right;
  width: 59%;
  border:none;/*counters ns4 stylesheet*/}
.readonly { /*form data that displays readonly*/
  display: block;
  float:right;
  width: 59%;
  font-family: "Times New Roman", Times, serif;
  font-size: 12px;
  color:#000000;
  font-weight:bold;
  line-height:1.8em;}  
.field .readonly { /*form data that displays readonly*/
  font-family: "Times New Roman", Times, serif;
  font-size: 12px;
  color:#000000;
  font-weight:bold;
  float: left;}   
.optionalfield input {
  margin-top:-2px;}
  
/* for radio buttons and checkboxes */  
.optionline { 
  display: block;
  float:right;
  width: 59%;
  padding-top:4px;
  vertical-align: middle;}
.optiontext {
  font-family: "Times New Roman", Times, serif;
  font-size: 12px;
  font-weight: normal;
  color: #333333;
  vertical-align: middle;}
.optiontext input, .optionline input{/*aligns text with radio buttons*/
  vertical-align:middle;
  font-size: 100%;}
.optiontext .error {
  font-size: 100%;}


.confirm { /*verification and confirmation screens labels*/
  display:block;
  float:left;
  width: 50%; 
  text-align:right;
  font-family: "Times New Roman", Times, serif;
  font-size: 12px;
  padding: 3px 0;
  color: #333333;}
.confirmrequired { /*verification field label for required fields*/
  display:block;
  float:left;
  width: 50%;
  text-align:right;
  font-family: "Times New Roman", Times, serif;
  font-size: 12px;
  padding: 3px 0;
  font-weight:bold;
  color: #000000;}   
.readonlyconfirm { /*form data that displays readonly*/
  display: block;
  float:right;
  width: 49%;
  font-family: "Times New Roman", Times, serif;
  font-size: 12px;
  color:#000000;
  font-weight:bold;
  line-height:1.7em;}   
.fieldconfirm { /*form data that displays readonly*/
  display: block;
  float:right;
  width: 49%;}    
.cvv2 { /*verification field label for required fields*/
  display:block;
  float:left;
  width: 30%;
  text-align:right;
  font-family: "Times New Roman", Times, serif;
  font-size:  12px;
  font-weight:bold;
  color: #333333;
  padding:0 0 0 20%;
  margin-right:4px;
  margin-top: -3px;
  vertical-align: top;}   
.address {/* for display of address on contact and billing info pages*/
  font-family: "Times New Roman", Times, serif;
    font-size: 12px;
    font-weight:bold;
   /*line-height:1.7em;*/
    color: #333333;
    padding:0;
    margin:0 0 0 42%;}  
   
.actionnav {visibility:hidden}
.buttons{
  text-align:center;
  margin: 15px 0;
  font-size: 70%;}
.nav a:link, .nav a:visited, .nav a:active { /* for buttons on the payment history screens */
  display: block;
  font-family: "Times New Roman", Times, serif;
  width: 10em;
  text-align: center;
  padding: 2px 10px;
  color: #000000;
  margin-bottom: 5px;
  text-decoration: none;}
.nav a:hover {
  display: block;
   font-family: "Times New Roman", Times, serif;
  width: 10em;
  text-align: center;
  padding: 2px 10px;
  color: 000000;
  margin-bottom: 5px;
  text-decoration: none;}
  
  
.message { /*messages for top of verification and confirmation screens and convenience fee message */
  font-family: "Times New Roman", Times, serif;
  font-size: 12px;
  font-weight: bold;
  color: #666666;
  text-align:center;
  margin:.5em 0;
  padding:0px;}
.message a:link { /*style for links in message boxes */
   font-family: "Times New Roman", Times, serif;
  font-weight: bold;
  font-size:100%;
  color:#333333;}
.message a:visited { /*style for links in message boxes */
   font-family: "Times New Roman", Times, serif;
  font-weight: normal;
  font-size:100%;
  color:#333333;}
.message a:hover { /*style for links in message boxes */
   font-family: "Times New Roman", Times, serif;
  font-weight: bold;
  font-size:100%;
  color:#333333;}
.message a:active { /*style for links in message boxes */
   font-family: "Times New Roman", Times, serif;
  font-weight: bold;
  font-size:100%;
  color:#333333;}
  
  

.example { /*example text after input fields*/
  padding-left:2px;
  color:#666666;
   font-family: "Times New Roman", Times, serif;
  font-size:60%;
  font-weight:bold;}
  
  
.terms { /*terms and conditions*/
  padding:5px 10px;
  margin: 5px 10px;}
.terms p{ /*terms and conditions*/
  color:#333333;
   font-family: "Times New Roman", Times, serif;
  font-size:70%;
  margin-bottom: 10px;}
.terms input {
  vertical-align: middle;}
  
  
.footer { visibility:hidden;}  
  
/*WELCOME SCREEN STYLES*/
.box {
  display:block;
  background-color: #ffffff;
  border: 1px solid #999999;
  width: 505px;
  height: 6em; /*added on 022404*/
  margin: 10px 25px 0px 25px;
  padding:10px;}
.box h4 {
  display: block;
  float: left;
  width: 50%;
  margin:0;
  height: 1.3em;}  
.box .error {
  display: block;
  float: right;
  width: 48%;
  text-align:right;
  margin:0;
  height: 1.3em;}
.boxtext {
  display:block;
  clear: both;
  float: left;
  width:50%;
  margin:0;
  padding:0;}
.boxtext p {
  display: block;
   font-family: "Times New Roman", Times, serif;
  font-size: 70%; 
  padding:10px 0;}
.boxform {
  display: block;
  float: right;
  width:49%;
  padding:0;}
.boxform p {
  display: block;
   font-family: "Times New Roman", Times, serif;
  font-weight: bold;
  margin:3px 0;}
.boxform input {
   font-family: "Times New Roman", Times, serif;
  font-size:110%;
  font-weight: normal;}
.boxform label {
  padding-right: 2px;} 
.login { /*blue login buttons on welcome screen */
  display:block;
  clear:both;
  text-align:right;
  margin-right:10px;
  padding:0;}
.login input {
  width: 6em;
  padding:0px;
  color: #000000;
   font-family: "Times New Roman", Times, serif;
  font-size: 75%;
  font-weight: bold;
  text-align: center;
  margin: 5px 0px;}  
  
.indent {
  clear: both;
  margin: 0 25px 10px 25px; 
  }   
.indent p {
   font-family: "Times New Roman", Times, serif;
  font-size: 100%;/*counteracts the ns4 stylesheet*/
  margin:5px 0;} 
.welcomebutton { /*blue buttons on welcome screen */
  display:inline;
  width: 16em;
  padding:0;
  color: #000000;
   font-family: "Times New Roman", Times, serif;
  font-size: 100%;
  font-weight: bold;
  text-align: center;
  margin: 0px;
  margin-right: 3px;}  
a:link.welcomebutton, a:visited.welcomebutton, a:hover.welcomebutton, a:active.welcomebutton { /*blue buttons on welcome screen */
  display:inline;
  padding:1px 10px 2px;
  color: #000000;
   font-family: "Times New Roman", Times, serif;
  font-size: 100%;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  line-height: 1.8em;
  margin:0;
  margin-right: 3px;}    
.welcomebutton:hover {
  background-color: #006699;}  
  
  
.note { /* for special notes like full page warnings */
  padding: 15px 30px;}
.note p{
   font-family: "Times New Roman", Times, serif;
  font-weight: bold;
  font-size: 70%;
  color: #333333;
  padding: 5px 0;
  margin: 0;}  
.accent {
   font-family: "Times New Roman", Times, serif;
  font-weight: bold;
  color: #333333;
  font-size: 100%;} 
.note img {
  display: block;
  margin: 10px;
  text-align: center;}
.note a:link, .note a:visited {
  font-size: 100%;}
.center {
  text-align: center;}
table {
  width: 96%;
  margin: 10px 2%;
  border-right: 1px solid #bdbdbd;
  border-bottom: 1px solid #bdbdbd;}
th {
 color: #333333;
   font-family: "Times New Roman", Times, serif;
 font-weight: bold;
 font-size: 70%;
 line-height: 1.5em;
 padding:0;}
td {
 color: #333333;
   font-family: "Times New Roman", Times, serif;
 font-size: 65%;
 height: 2em;}
 
td a:link, td a:visited, td a:hover, td a:active  {
font-size: 100%;}

td, th {
 text-align:left;
 padding-left: 3px;
 border-left: 1px solid #bdbdbd;
}
.helpimage { /*pads the help image*/
  padding: 0px 3px;
  margin-bottom: -3px;
  border: none;}    
form {
  margin:0;
  padding:0;}